<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
    </head>
    <body>
      <div class="qbsr-mains">
        <div  class="qbsr-top">
          <div class="top-mains">
            <div class="top-ma-zu">
              <div class="ma-zu-ps">可提现金额（元）</div>
              <div class="ma-zu-ps2">4600.00</div>
            </div>
            <div class="top-ma-you">
              <div class="ma-zu-xt">提现</div>
            </div>            
          </div>
          <div class="top-mains2">
            <div class="ins2-left">
              <div class="insz-le-ps1">冻结金额（元）</div>
              <div class="insz-le-ps2">225000.00</div>
            </div>
            <div class="ins2-right">任务完成后，并通过平台审核，冻结资金将解冻进入可提现金额</div>
          </div>
          <div class="top-nav">
            <div class="t-n-div acti"><span>收入</span></div>
            <div class="t-n-div"><span>支出</span></div>
          </div>
        </div>
        <!-- 收入 -->
        <ul class="qbsr-nav">
          <li>
            <div class="nav-zuo">
              <div class="z-s-ps">任务收入（任务单号：778877887451254）</div>
              <div class="z-s-ps2">2018-09-09 12:22:22</div>
            </div>
            <div class="nav-yuo">+9000.00</div>
          </li>
          <li>
            <div class="nav-zuo">
              <div class="z-s-ps">佣金收入（任务单号：778877887451254）</div>
              <div class="z-s-ps2">2018-09-09 12:22:22</div>
            </div>
            <div class="nav-yuo">+9000.00</div>
          </li>          
        </ul>
        <!-- 支出 -->
        <ul class="qbsr-nav" style="display: none;">
          <li>
            <div class="nav-zuo">
              <div class="z-s-ps">提现</div>
              <div class="z-s-ps2">2018-09-09 12:22:22</div>
            </div>
            <div class="nav-rig">
              <div class="div1">-9000.00</div>
              <div class="div1">审核中</div>
            </div>
          </li> 
          <li>
            <div class="nav-zuo">
              <div class="z-s-ps">提现成功</div>
              <div class="z-s-ps2">2018-09-09 12:22:22</div>
            </div>
            <div class="nav-rig">
              <div class="div1">-9000.00</div>
              <div class="div1">审核中</div>
            </div>
          </li>
          <li>
            <div class="nav-zuo">
              <div class="z-s-ps">提现成功</div>
              <div class="z-s-ps2">2018-09-09 12:22:22</div>
            </div>
            <div class="nav-rig">
              <div class="div1 div2">-9000.00</div>
              <div class="div1 div2"><span>?</span>提现失败</div>
            </div>
          </li>                    
        </ul>        
      </div>

      <!-- 弹框 -->
      <div class="qbsr-feixde" style="display: none;"></div>
      <div class="qbsr-fe-zu" style="display: none;">
        <p class="p1">失败原因</p>
        <p class="p2">就是失败了，失败了</p>
        <div class="p3">我知道了</div>
      </div>
    </body>
</html>
 <script type="text/javascript">
  $(".top-nav div").bind('click',function(){
    $(this).addClass("acti").siblings().removeClass("acti");
    $('.qbsr-nav').eq($(this).index()).show().siblings(".qbsr-nav").hide(); 
  });
</script>